.snakeBtn {
  display: inline-block;
  position: relative;
  &.hover {
  }
  svg {
    display: block;
    width: 340px;
    height: 80px;
    pointer-events: none;
    transition: fill 0.2s, transform 0.1s;
    transform: translateZ(0);
  }
  .eye {
    width: 16px;
    height: 16px;
    transform: translate(0px, 0px) rotate(0deg);
    position: absolute;
    top: 30%;
    left: 30%;
    opacity: 0;
  }
  .txts,
  .txts2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 17px;
    color: #fff;
    span {
      display: inline-block;
      vertical-align: top;
      transform-origin: 0% 50%;
      transform: translateZ(0);
    }
    .b {
      font-weight: bold;
      font-size: 18px;
    }
  }
  .txts2 {
    span {
      opacity: 0;
    }
  }
  .hoverBox {
    width: 130px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
  }
}
